<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Birkebeinerrittet</title>
        <style type="text/css">
            <!--
            body {
                padding:0px;
                margin:0px;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:12px;
                color:#252525;

            }
            .w810{ width:810px;}
            .main_bg{ background:url(<?php echo $view->config['template_url'];?>assets/img/main_bg.jpg) top left no-repeat;}
            .mc{ margin:0 auto;}
            .po{ position:relative;}
            .p268t{ padding-top:268px;}
            .p84t{ padding-top:84px;}
            .w802{ width:802px;}
            .w722{ width:722px;}
            .top_bg{ background:url(<?php echo $view->config['template_url'];?>assets/img/top_main.png) top left no-repeat; height:97px;}
            .mid_bg{ background:url(<?php echo $view->config['template_url'];?>assets/img/mid_main.png) top left repeat-y;}
            .bottom_bg{ background:url(<?php echo $view->config['template_url'];?>assets/img/bottom_main.png) top left no-repeat; height:24px;}
            .fl{ float:left;}
            .fr{ float:right;}
            .p30t{ padding-top:30px;}
            .p15t{ padding-top:15px;}
            .p15b{ padding-bottom:15px;}
            .blue{ color:#077dc1;}
            p{ margin:0px; padding:0px;}
            .p30b{ padding-bottom:30px;}
            .m15l{ margin-left:15px;}
            a{ text-decoration:none; color:#252525;}
            a:hover{ text-decoration:underline;}
            .bg_arrow{ background:url(<?php echo $view->config['template_url'];?>assets/img/arrow.png) top right no-repeat; padding-right:20px;}
            img{ border:0px; background:none;}
            img a{ border:0px; background:none;}
            .man{ position:absolute; background:url(<?php echo $view->config['template_url'];?>assets/img/bicycle_man.png) top left no-repeat; width:193px; height:377px; top 
                  :134px; left:316px;}
            .man1{ position:absolute; background:url(<?php echo $view->config['template_url'];?>assets/img/bicycle_man.png) top left no-repeat; width:193px; height:377px; top 
                   :134px; right:40px;}
            .w520{ width:520px;}
            .bg_area{ width:518px; height:142px; border:1px solid #077dc1;}
            .bg_area .txt{ width:511px; height:135px; background:#FFFFFF; border:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#077dc1; padding:5px 0px 0px 5px;}
            -->
        </style>
        
        <script type="text/javascript" src="../../libs/js/jquery.min.js"></script>
        <script type="text/javascript" src="../../libs/js/jquery.blockUI.js"></script>
        <script type="text/javascript">
            jQuery.noConflict();
        </script>        

        <script type="text/javascript" src="<?php echo $view->config['template_url'];?>assets/js/webjs.js"></script>   

        <link type="text/css" rel="stylesheet" href="../../libs/lightface/Assets/LightFace.css" />
        
        <link type="text/css" rel="stylesheet" href="<?php echo $view->config['template_url'];?>assets/css/style.css" />
        
        <script type="text/javascript" src="../../libs/js/mootools-1.3.js"></script>

        <script type="text/javascript" src="../../libs/lightface/tests/mootools-more-drag.js"></script>
        <script type="text/javascript" src="../../libs/lightface/Source/LightFace.js"></script>
        <script type="text/javascript" src="../../libs/lightface/Source/LightFace.Request.js"></script>
        <script type="text/javascript" src="../../libs/lightface/Source/LightFace.Static.js"></script>
        <script type="text/javascript" src="../../libs/lightface/Source/LightFace.IFrame.js"></script>
        <script type="text/javascript" src="../../libs/lightface/Source/LightFace.Image.js"></script>

        <!-- start loading private library -->
        <script type="text/javascript" src="<?php echo $view->config['template_url'];?>assets/js/facebooktab.js"></script>
        
        <!-- for friend selectors -->  
        <link rel="stylesheet" href="../../libs/js/fbfriendselector/jquery.facebook.multifriend.select.css" /> 
    
    </head>

    <body>
        
        <script src="http://connect.facebook.net/en_US/all.js"></script>
        <div id="fb-root"></div>
        <script type="text/javascript" charset="utf-8">            
            FB.init({
                appId  : '<?php echo $view->config['facebook_app_id']; ?>',
                status : true, // check login status
                cookie : true, // enable cookies to allow the server to access the session
                xfbml  : true, // parse XFBML               
                oauth  : true // enable OAuth 2.0
            });         
        </script>
        
        <!-- set up the javascript variables --> 
        
        <script type="text/javascript">
            <?php if ($view->isConnectedFacebook) { ?>
                webjs.isConnectedFacebook = true;
            <?php } ?>
            // set up for lightbox
            facebooktab.lightboxPaddingTop = 180;
            facebooktab.lightboxAutoAdjust = false;
            
        </script>

            <!-- start main content -->

                <?php echo $view->view_content; ?>

            <!-- end of main content -->
                                          
        <script type="text/javascript" src="http://apis.google.com/js/plusone.js">
            {lang: 'no'}
        </script>    
        <script type="text/javascript" charset="utf-8">
            FB.Canvas.setSize({ width: 810, height: 1000 });
        </script>
        <script type="text/javascript">  
            
            document.id(document.body).addEvent('click',facebooktab.likecloser);        
            
        </script>
    </body>
</html>